<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="">
        <meta name="description" content="">
        <title>bootstrap</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/swfobject.js"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        
    </head>
    <body>
        <div class="center-block mz_progress">
            <div class="progress_main">
                <img src="images/logo.png" class="center-block">
                <div class="progress_bg_no"></div>
                <div class="progress_bg_ok"></div>
                <div class="progress_logo"><img src="images/progress.png"></div>
            </div>
           
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".progress_bg_ok").animate({
                    width:"94%"
                },3000);
                $(".progress_logo").animate({
                    left:"93%"
                },3000);
            });
        </script>
    </body>
    
</html>